$baseColor:#FFFFFF #000000 #eb7d46 RGBA(245, 48, 108, 1) #8f8f94 blue;
$px: 1,
5,
10,
15,
20,
30,
35, 40, 45, 50, 55, 60, 65,70,80,90,100,150;
html {
  font-size: 62.5%;
}

$fontSize:1rem;
$headings: (red:red, darkred: darkred, green:green, darkgreen:darkgreen, pink: pink, blue:blue, darkblue:darkblue);
$_width: 0,
10,
20,
30,
40,
45,
50,
60,
70,
80,
90,
100;
.hide {
  display: none;
}

.show {
  display: block;
}

$text: (left, right, center);

@each $k in $text {
  .text-#{$k} {
    text-align:#{$k} !important;
  }
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgb(241, 239, 239);
}

// ::-webkit-scrollbar-track {
//     box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
//     border-radius: 10px;
//     background-color: #F5F5F5;
// }
// ::-webkit-scrollbar-thumb {
//     border-radius: 5px;
//     box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
//     background-color: rgb(214, 212, 212);
// }

@each $x in $px {
  .margin-top-#{$x} {
    margin-top:#{$x}px !important;
  }
  .margin-bottom-#{$x} {
    margin-bottom:#{$x}px !important;
  }
  .margin-left-#{$x} {
    margin-left:#{$x}px !important;
  }
  .margin-right-#{$x} {
    margin-right:#{$x}px !important;
  }
  .padding-top-#{$x} {
    padding-top:#{$x}px !important;
  }
  .padding-bottom-#{$x} {
    padding-bottom:#{$x}px !important;
  }
  .padding-left-#{$x} {
    padding-left:#{$x}px !important;
  }
  .padding-right-#{$x} {
    padding-right:#{$x}px !important;
  }
}

@each $x in $_width {
  .w-#{$x} {
    width:#{$x}px !important;
  }
  .h-#{$x} {
    height:#{$x}px !important;
  }
}

.my-form {
  .el-form-item {
    margin-bottom: 10px;
    .el-form-item__label{
      line-height: 20px;
    }
    .el-form-item__content{
      line-height: 20px;
    }
  }
}
.my-dialog{
  .el-dialog__body{
    padding: 5px 10px 20px 10px;
  }
}
